<template>
  <div id="app">
    <p>fdsdfsfwerewrw</p>
    <div>
      asdasddddddddddddddddddddddddddddsdfffffffffffffffffffffffffffffddd</div>
    <div>{{msg}}</div>
    <button @click="update">更新2</button>
    <button @click="destroy">销毁2</button>
  </div>
</template>

<script>
export default {
  data: function () {
    return {
      msg: 'asdass',
      b: 'asds  a'
    }
  },
  beforeCreate: function () {
    console.log('beforeCreate')
  },
  created: function () {
    console.log('created')
  },
  beforeMount: function () {
    console.log('beforeMount')
  },
  mounted: function () {
    console.log('mounted')
  },
  beforeUpdate: function () {
    console.log('beforeUpdate')
  },
  updated: function () {
    console.log('updated')
  },
  beforeDestroy: function () {
    console.log('beforeDestroy')
  },
  destroyed: function () {
    console.log('destroyed')
  },
  methods: {
    update: function () {
      this.msg = 'hello'
    },
    destroy: function () {
      this.$destroy()
    }
  }
}
</script>

<style>
</style>
